<template>
  <el-container style="height: 100%; width: 100%">
    <Header />
    <el-main>
      <div class="banner">
        <img class="banner_bg" src="" alt />

        <div class="customer_banner_wrap">
          <MaskContent
            title="智慧短信"
            content="翔盛悦为广大企业尤其是对客户质量要求较高的金融机构提供了“智慧短信”。智慧短信工具将传统短信转化为可视化卡片样式，自动带出业务菜单栏，提供产品及服务入口，目前已孵化出多场景推荐办理信用卡、信用卡升级推荐、理财新户营销、高净值客户理财推荐等多种应用模式。"
          />
        </div>
      </div>

      <system-introduce :systemData="systemData" :introduceImg="introduceImg" phoneView="width: 40%;" />

<!--      <system-overview :systemImgData="systemImgData" />-->

      <Footer />
    </el-main>
  </el-container>
</template>

<script>
import Header from "../../components/header/Header";
import MaskContent from "../../components/MaskContent";
import SystemIntroduce from "./components/systemIntroduce";
// import SystemOverview from "./components/systemOverview";
import Footer from "../../components/footer/Footer";

export default {
  name: "onlineCarRental",
  components: {
    Header,
    MaskContent,
    SystemIntroduce,
    // SystemOverview,
    Footer
  },
  data() {
    return {
      systemData: [
        {
          functionsName: "系统特色",
          functionsDes: [
            "通过新工具带给客户新颖的客户体验，通过新运营模式，利用大数据与AI能力，有效增加业务触点，而不是简单重复的营销轰炸，避免客户产生抵触情绪，转而是对银行产品与服务有兴趣和需求去点击，做到“千人千面”的服务触及能力。"
          ]
        }
      ],
      introduceImg: require("../../assets/image/smartSMS/智慧短信.png"),
      systemImgData: [
        {
          imgUrl: require("../../assets/image/smartSMS/智慧短信1.png"),
        },
        {
          imgUrl: require("../../assets/image/smartSMS/智慧短信2.png"),
        },
        {
          imgUrl: require("../../assets/image/smartSMS/智慧短信3.png"),
        }
      ]

    };
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.banner {
  position: relative;
}
.banner_bg {
  content: url("../../assets/image/operatingLoan/banner.png") !important;
  width: 100%;
}

.customer_banner_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/**
移动端样式
 */
@media screen and (max-width: $mobile_width) {
  .banner_bg {
    content: url("../../assets/image/operatingLoan/banner_m.jpg") !important;
    min-height: 200px;
  }
}
</style>
